<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>AdminLTE 2 | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="/bootstrap/dist/css/bootstrap.min.css">
  <!--<link rel="stylesheet" href="/v1/dist/css/AdminLTE.min.css">-->
  <!--<link rel="stylesheet" href="/v1/bower_components/font-awesome/css/font-awesome.min.css">-->
  <!--[if lt IE 9]>
  <!--<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>-->
  <!--<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
  <![endif]-->
  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body>
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
  	首页
    <small>HOME</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">首页</li>
  </ol>
</section>

<!-- Main content -->
<section class="content">
<h1>欢迎，使用密思软件</h1>
<!--<div class="row">
        <div class="col-md-6">
          &lt;!&ndash; AREA CHART &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Area Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="chart">
                <canvas id="areaChart" style="height:250px"></canvas>
              </div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; DONUT CHART &ndash;&gt;
          <div class="box box-danger">
            <div class="box-header with-border">
              <h3 class="box-title">Donut Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <canvas id="pieChart" style="height:250px"></canvas>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col (LEFT) &ndash;&gt;
        <div class="col-md-6">
          &lt;!&ndash; LINE CHART &ndash;&gt;
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">Line Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="chart">
                <canvas id="lineChart" style="height:250px"></canvas>
              </div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; BAR CHART &ndash;&gt;
          <div class="box box-success">
            <div class="box-header with-border">
              <h3 class="box-title">Bar Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="chart">
                <canvas id="barChart" style="height:230px"></canvas>
              </div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col (RIGHT) &ndash;&gt;
      </div>
      &lt;!&ndash; /.row &ndash;&gt;
      
      &lt;!&ndash; =============== 第二个 =============== &ndash;&gt;
      <div class="row">
        <div class="col-md-6">
          &lt;!&ndash; AREA CHART &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Area Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body chart-responsive">
              <div class="chart" id="revenue-chart" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; DONUT CHART &ndash;&gt;
          <div class="box box-danger">
            <div class="box-header with-border">
              <h3 class="box-title">Donut Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body chart-responsive">
              <div class="chart" id="sales-chart" style="height: 300px; position: relative;"></div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col (LEFT) &ndash;&gt;
        <div class="col-md-6">
          &lt;!&ndash; LINE CHART &ndash;&gt;
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">Line Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body chart-responsive">
              <div class="chart" id="line-chart" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; BAR CHART &ndash;&gt;
          <div class="box box-success">
            <div class="box-header with-border">
              <h3 class="box-title">Bar Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body chart-responsive">
              <div class="chart" id="bar-chart" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col (RIGHT) &ndash;&gt;
      </div>
      
      
      &lt;!&ndash; =============== 第三个图表  ============== &ndash;&gt;
      <div class="row">
        <div class="col-xs-12">
          &lt;!&ndash; interactive chart &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <i class="fa fa-bar-chart-o"></i>

              <h3 class="box-title">Interactive Area Chart</h3>

              <div class="box-tools pull-right">
                Real time
                <div class="btn-group" id="realtime" data-toggle="btn-toggle">
                  <button type="button" class="btn btn-default btn-xs active" data-toggle="on">On</button>
                  <button type="button" class="btn btn-default btn-xs" data-toggle="off">Off</button>
                </div>
              </div>
            </div>
            <div class="box-body">
              <div id="interactive" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col &ndash;&gt;
      </div>
      &lt;!&ndash; /.row &ndash;&gt;

      <div class="row">
        <div class="col-md-6">
          &lt;!&ndash; Line chart &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <i class="fa fa-bar-chart-o"></i>

              <h3 class="box-title">Line Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div id="line-chart2" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; Area chart &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <i class="fa fa-bar-chart-o"></i>

              <h3 class="box-title">Full Width Area Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div id="area-chart" style="height: 338px;" class="full-width-chart"></div>
            </div>
            &lt;!&ndash; /.box-body&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col &ndash;&gt;

        <div class="col-md-6">
          &lt;!&ndash; Bar chart &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <i class="fa fa-bar-chart-o"></i>

              <h3 class="box-title">Bar Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div id="bar-chart2" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; Donut chart &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <i class="fa fa-bar-chart-o"></i>

              <h3 class="box-title">Donut Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div id="donut-chart" style="height: 300px;"></div>
            </div>
            &lt;!&ndash; /.box-body&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;
        </div>
        &lt;!&ndash; /.col &ndash;&gt;
      </div>
      &lt;!&ndash; /.row &ndash;&gt;-->
</section>

<!--<script src="/v1/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/v1/bower_components/chart.js/Chart.js"></script>
<script src="/v1/bower_components/raphael/raphael.min.js"></script>
<script src="/v1/bower_components/fastclick/lib/fastclick.js"></script>
<script src="/v1/bower_components/morris.js/morris.min.js"></script>
<script src="/v1/bower_components/Flot/jquery.flot.js"></script>
<script src="/v1/bower_components/Flot/jquery.flot.resize.js"></script>
<script src="/v1/bower_components/Flot/jquery.flot.pie.js"></script>
<script src="/v1/bower_components/Flot/jquery.flot.categories.js"></script>
<script src="/v1/js/demochart.js"></script>-->

</body>
</html>
